<!DOCTYPE HTML>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style type="text/css">
	table tr th,
	table tr td {
		width: calc(100% / 8);
		text-align: center;
	}
</style>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<table class="table table-bordered">
			<tbody>
			<tr>
				<td>还款金额</td>
				<td>¥[[${paymentHistory.repaymentPrincipalAmount+paymentHistory.repaymentInterestAmount}]]</td>
			</tr>
			<tr>
				<td>本金</td>
				<td>¥[[${paymentHistory.repaymentPrincipalAmount}]]</td>
			</tr>
			<tr>
				<td>利息</td>
				<td>¥[[${paymentHistory.repaymentInterestAmount}]]</td>
			</tr>
			<tr>
				<td>还款账户</td>
				<td>[[${paymentHistory.bankName}]]
					<span th:if="${paymentHistory.bankCardNumber != null && paymentHistory.bankCardNumber.length() >4}">
						[[${#strings.substring(paymentHistory.bankCardNumber,paymentHistory.bankCardNumber.length()-4,paymentHistory.bankCardNumber.length())}]]
					</span>
				</td>
			</tr>
			<tr>
				<td>借款总额/总期数</td>
				<td>[[${order.loanAmount}]]/[[${order.orderPeriods}]]</td>
			</tr>
			<tr>
				<td>还款期数</td>
				<td>[[${paymentHistory.installmentNo}]]</td>
			</tr>
			<tr>
				<td>还款时间</td>
				<td>[[${paymentHistory.repaymentTime}]]</td>
			</tr>
			<tr>
				<td>还款状态</td>
				<td>
					<span th:if="${paymentHistory.status == 'TO_HOLD'}">等待调用代扣</span>
					<span th:if="${paymentHistory.status == 'ONGOING'}">扣款进行中</span>
					<span th:if="${paymentHistory.status == 'SUCCESS'}">扣款成功</span>
					<span th:if="${paymentHistory.status == 'FAILURE'}">扣款失败</span>
					<span th:if="${paymentHistory.status == 'REFUND'}">转账退款</span>
				</td>
			</tr>
			</tbody>
		</table>
	</div>
    <div th:include="include::footer"></div>
    <script type="text/javascript">

	</script>
</body>
</html>
